<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>A Nice &amp; Simple Contact Form</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		
		body {
			font-size: 62.5%;
			font-family: Helvetica, sans-serif;
		}
		
		p {
			font-size: 1.3em;
			margin-bottom: 15px;
		}
		
		#page-wrap {
			width: 660px;
			background: white;
			padding: 20px 50px 20px 50px;
			margin: 20px auto;
			min-height: 500px;
			height: auto !important;
			height: 500px;
			background-color: #EBDBDD;
			background-color: #ebdbdd;
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-topright: 20px;
			-moz-border-radius-bottomleft: 20px;
			-moz-border-radius-bottomright: 20px;
		}
		
		#contact-area {
			width: 600px;
			margin-top: 25px;
		}
		
		#contact-area input, #contact-area textarea {
			padding: 5px;
			width: 400px;
			font-family: Helvetica, sans-serif;
			font-size: 1.4em;
			margin: 0px 0px 10px 0px;
			border: 2px solid #ccc;
		}
		
		#contact-area textarea {
			height: 90px;
		}
		
		#contact-area textarea:focus, #contact-area input:focus {
			border: 2px solid #900;
		}
		
		#contact-area input.submit-button {
			width: 100px;
			float: right;
		}
		
		label {
			float: left;
			text-align: right;
			margin-right: 15px;
			width: 100px;
			padding-top: 5px;
			font-size: 1.4em;
		}
	</style>
</head>

<body>
	<div id="page-wrap">
		<div id="contact-area">
			<form method="post" action="test.php">
				<label for="Name" id="Name">Name:</label>
				<input type="text" name="Name" />
				
				<label for="City" id="City">City:</label>
				<input type="text" name="City" />
	
				<label for="Email" id="Email">Email:</label>
				<input type="text" name="Email" />
				
				<label for="Message" id="Message">Message:</label>
				<textarea name="Message" rows="20" cols="20"></textarea>
				
				<label for="toppings" id="toppings">Teste:</label>
				<select name="toppings[]" multiple="multiple" size="5">
					<option value="o1">Option 1</option>
					<option value="o2">Option 2</option>
					<option value="o3">Option 3</option>
					<option value="o4">Option 4</option>
					<option value="o5">Option 5</option>
					<option value="o6">Option 6</option>
				</select>

				<input type="submit" name="submit" value="Submit" class="submit-button" />
			</form>
			<div style="clear: both;"></div>
		</div>
	</div>
</body>

</html>